(function (window, $) {
  var news = {
    init: function () {
      this.cacheElment();
      this.bindEvent();
    },
    cacheElment: function () {

    },
    bindEvent: function () {
      this.initNews();
      // 新闻查看详情
      $("#newsTable").on("click", ".news-detail", this.newsDetailFn);
      $("#newsTable").on("click", ".image", this.newsDetailFn);
    },
    initNews: function () {
      var data = [{
        id: '001',
        imageUrl: 'images/06_足迹_04.jpg',
        date: '2017-08-11',
        day: 11,
        time: '2017-08',
        title: '关于SupFire神火手电筒包装和标识变..',
        text: '8月10日，中国工程院副院长、院士刘旭，中国工程院院士、全国人大环境与资源保护委员会副主任委员孟伟...',
      }, {
        id: '002',
        imageUrl: 'images/06_足迹_06.jpg',
        date: '2017-07-25',
        day: 25,
        time: '2017-07',
        title: '标记更改通知',
        text: '7月21日，新安集团董事长吴建华带队赴大连理工大学，参加“新安——大工联合研究中心”挂牌仪式...',
      }, {
        id: '003',
        imageUrl: 'images/06_足迹_07.jpg',
        date: '2017-05-28',
        day: 28,
        time: '2017-05',
        title: '关于新旧LOGO替换通知',
        text: '鬼步舞？MC—喊麦？玩转魔方？相声双簧？花式颠球？各种乐器……没错！这些都有。一段青春、动感...',
      }, {
        id: '004',
        imageUrl: 'images/06_足迹_12.jpg',
        date: '2017-09-17',
        day: 17,
        time: '2017-09',
        title: 'SupFire参展第五届香港国际春季灯饰展',
        text: ' “这里的变化真大。”9月17日，建德市委书记童定干一行来到集团马目园区，实地了解园区智能制造工作...',
      }, {
        id: '005',
        imageUrl: 'images/06_足迹_14.jpg',
        date: '2017-07-19',
        day: 19,
        time: '2017-07',
        title: '关于电池注意事项的说明',
        text: '7月19日，杭州市市长徐立毅用一天时间专程赴建德市蹲点调研。调研期间，徐立毅深入马目智能园区...',
      }, {
        id: '006',
        imageUrl: 'images/06_足迹_12-07.jpg',
        date: '2017-06-05',
        day: 05,
        time: '2017-06',
        title: '深圳神火supfire顺利通过阿里巴巴实地...',
        text: '新安集团领导吴建华、吴严明、潘秋友、任不凡、周卫星、周曙光、徐永鑫出席开幕仪式...',
      }, {
        id: '007',
        imageUrl: 'images/06_足迹_04.jpg',
        date: '2017-08-11',
        day: 11,
        time: '2017-08',
        title: '关于SupFire神火手电筒包装和标识变...',
        text: '8月10日，中国工程院副院长、院士刘旭，中国工程院院士、全国人大环境与资源保护委员会副主任委员孟伟',
      }, {
        id: '008',
        imageUrl: 'images/06_足迹_12-07.jpg',
        date: '2017-06-05',
        day: 05,
        time: '2017-06',
        title: '深圳神火supfire顺利通过阿里巴巴实地...',
        text: '新安集团领导吴建华、吴严明、潘秋友、任不凡、周卫星、周曙光、徐永鑫出席开幕仪式...',
      }, {
        id: '009',
        imageUrl: 'images/06_足迹_04.jpg',
        date: '2017-08-11',
        day: 11,
        time: '2017-08',
        title: '关于SupFire神火手电筒包装和标识变...',
        text: '8月10日，中国工程院副院长、院士刘旭，中国工程院院士、全国人大环境与资源保护委员会副主任委员孟伟',
      }]
      $('#newsTable').DataTable({
        searching: false,
        bInfo: false,
        ordering: false,
        autoWidth: false,
        lengthChange: false,
        iDisplayLength: 6, // 每页显示行数
        language: {
          "paginate": {
            "previous": "上一页",
            "next": "下一页"
          }
        },
        "data": data,
        columns: [
          {
            data: "imageUrl",
            width: "100px",
            className: "date",
            render: function (data, type, row, meta) {
              var str = '<div class="new-wrapper">' +
                '<div class="image" data-id=' + row.id + '>' +
                '<img src=' + row.imageUrl + '>' +
                '<div class="date">' +
                '<span class="day">' + row.day + '</span>' +
                '<span class="time">' + row.time + '</span>' +
                '</div>' +
                '<div class="layer"></div>' +
                '</div>' +
                '<div class="title">' + row.title + '</div>' +
                '<div class="text">' + row.text + '</div>' +
                '<a href="#" class="news-detail" data-id=' + row.id + '>查看详情</a>' +
                '</div>' +
                '</div>';
              return str;
            }
          }]
      });
    },
    newsDetailFn: function () {
      // TODO 根据不同的新闻id去查看对应的新闻详情
      var id = $(this).data("id");
      window.location.href = "newDetail.html";
    }
  }
  news.init();
})(window, jQuery);